*{
	padding: 0;
	margin: 0;
}

body{
	position: relative;
	padding: 1rem 0.5rem 0.5rem 0.5rem;
	font-family:"微软雅黑";
	background: #F9F9F9;

}
html{
	font-size: 62.5%;
}
@media screen and (min-width:320px) and (max-width:349px) {
	html{font-size:11px !important;}
}
@media screen and (min-width:350px) and (max-width:399px) {
	html{font-size:12px !important;}
}
@media screen and (min-width:400px) and (max-width:499px) {
	html{font-size:13px !important;}
}
@media screen and (min-width:500px) and (max-width:599px) {
	html{font-size:13px !important;}
}
@media screen and (min-width:600px) and (max-width:800px) {
	html{font-size:14px !important;}
}
@media screen and (min-width:800px) and (max-width:2200px) {
	html{font-size:16px !important;}
}
ul,li{
	list-style: none;
}
.form-horizontal{
	background:white;
}
.clear:after{
	content: "";
	display: block;
	clear: both;
}
.imgBox,.imgBox1,.imgBox2,.imgBox3,.imgBox4,.imgBox5,.imgBox6,.imgBox7{
    width:100%;
    height:50%;
}
.imgBox img,.imgBox1 img,.imgBox2 img,.imgBox3 img,.imgBox4 img,.imgBox5 img,.imgBox6 img,.imgBox7 img{
    width: 100%;
    height:200px;
    overflow: hidden;

}
/*#imgInp,#imgInp1,#imgInp2,#imgInp3,#imgInp4,#imgInp5,#imgInp6{
    margin-left: 30%;
}*/
#form1{
	margin-bottom: 5%;
}
.carBtnZ{
	border:none;
	text-align: center;
	margin-top: 15%;
	margin-bottom: 5%;
}
.carBtn{
	padding: 4% 30% 4% 30%;
	background: #FF4C4B;
	border-radius: 5px;
	font-family:"微软雅黑";
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0px;
}
.modal-content{
	margin-top:50%;
}
.carBtnz{
	border:none;
	text-align: center;
	margin-top: 5%;
	margin-bottom: 5%;
}
.carBtncs{
	padding: 2% 20% 2% 20%;
	background: #FF4C4B;
	border-radius: 5px;
	font-family:"微软雅黑";
	font-size: 1.2rem;
	color: #FFFFFF;
	letter-spacing: 0px;
}
h2 {
	margin: 0;
}
header {
	background-color: #f8f8f8;
	position: fixed;
	left: 0;
	top: 0;
	height: 44px;
	width: 100%;
	z-index: 1000;
}
header span {
	position: absolute;
	width: 30px;
	height: 30px;
	border: 1px solid #bbb;
	border-radius: 50%;
	top: 50%;
	margin-top: -15px;
}
header span.span1 {
	left: 10px;
}
header span.span2 {
	left: 50px;
}
header span i {
	font-size: 30px;
	color: #bbb;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -6px;
	margin-top: -21px;
}
header h2 {
	font-weight: normal;
	font-family: "微软雅黑";
	font-size: 22px;
	margin-top: 12px;
}
.textIcon{
  font-family: "微软雅黑";
  margin-bottom:1rem; 
}
.box{
    width: 100%;
    height: 20rem;
   /* border: 1px solid black;*/
    position: relative;
    text-align: center;
}
.iconadd{
    font-size:5rem;
}
.remind_msg{

}
a{
 text-decoration:none;
}
.imginput_guide {
    background-color: rgba(37,38,45,.8);
    background-position: bottom;
}
.imginput_guide{
    position: absolute;
    top: 0;
    background-color: #000;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 100;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background-color: rgba(37,38,45,.8);
    background-position: bottom;
}
.lk{
  position: absolute;
  color:#999;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%,-50%,0);
  -moz-transform: translate3d(-50%,-50%,0);
  -ms-transform: translate3d(-50%,-50%,0);
  -webkit-transform: translate3d(-50%,-50%,0);
  -o-transform: translate3d(-50%,-50%,0);
}
.carBtnz{
  width: 100%;
  border:none;
  text-align: center;
  margin-top: 5%;
  margin-bottom: 5%;
}
.carBtncs{
  padding: 2% 20% 2% 20%;
  /*background: #FF4C4B;*/
  background: gray;
  border-radius: 5px;
  font-family:"微软雅黑";
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0px;

}
.box{
	margin-bottom: 5%;
}
